"use client"
import React, { useState } from 'react'
import MySlider from '@/app/component/my-slider'

const page = () => {
  const [value, setValue] = useState([500, 200])
  return (
    <div className='max-w-[800px] mx-auto'>
      {JSON.stringify(value)}
      <MySlider dir={'rtl'} value={value} onChange={setValue} max={1000} min={0} range className='!w-[200px]' />
    </div>
  )
}

export default page
